const { default: qqmap } = require('../../../utils/qqmap')

// map.js
Page({
  data: {
    latitude: 0,
    longitude: 0,
    dialogVisible: false,
    markers: [
      {
        id: Date.now(),
        latitude: 23.129465,
        longitude: 113.427963,
        width: 24,
        height: 30
      }
    ]
  },
  async onLoad({ id }) {
    // 获取维修详情
    await this.getRepairDetail(id)
    this.initMap()
  },
  async getRepairDetail(id) {
    // id 不存在就不必发请求了
    if (!id) return
    // 请求数据接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 校验接口调用结果
    if (code !== 10000) return wx.utils.toast('获取报修详情失败!')
    // 渲染报修详情
    this.setData({ ...repairDetail })
  },
  initMap() {
    qqmap.geocoder({
      address: '广州' + this.data.houseInfo,
      success: ({ result: { location } }) => {
        const marker = {
          id: Date.now(),
          latitude: location.lat,
          longitude: location.lng,
          width: 24,
          height: 30
        }
        this.setData({
          latitude: location.lat,
          longitude: location.lng,
          // 这个数组, 设置地图中点标记
          markers: [...this.data.markers, marker]
        })
        // 路线规划
        qqmap.direction({
          from: this.data.markers[0],
          to: this.data.markers[1],
          success: (res) => {
            // console.log('规划路线成功', res)
            // 已经写好的解压算法
            const coords = res.result.routes[0].polyline
            // console.log('压缩过的数据', coords)
            const points = []
            // 坐标解压（返回的点串坐标，通过前向差分进行压缩）
            for (let i = 2; i < coords.length; i++) {
              coords[i] = Number(coords[i - 2]) + Number(coords[i]) / 1000000
            }
            // console.log('解压后的数据', coords)
            // 将解压后的坐标放入点串数组pl中
            for (let i = 0; i < coords.length; i += 2) {
              points.push({ latitude: coords[i], longitude: coords[i + 1] })
            }
            // console.log('重新生成的点数据', points)

            this.setData({
              polyline: [
                {
                  points,
                  color: '#5591af',
                  width: 4
                }
              ]
            })
          }
        })
      }
    })
  },
  openDialogLayer() {
    if (this.data.status !== 1) return wx.utils.toast('受理中的状态才能取消保修')
    this.setData({
      dialogVisible: true
    })
  },
  dialogClose(event) {
    console.log(event)
    event.detail === 'confirm' && this.cancelRepair()
    // this.setData({
    //   dialogVisible: false
    // })
  },
  // 请求接口取消报修
  async cancelRepair() {
    // 请求数据接口
    const { code } = await wx.http.put('/cancel/repaire/' + this.data.id)
    // 检测接口的调用结果
    if (code !== 10000) return wx.utils.toast('取消报修失败!')
    // 跳转到报修列表页面
    wx.navigateBack()
  },
  goForm() {
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + this.data.id
    })
  }
})
